<template>
	<div>
		<view style="background-color: #ffffff;margin: 10px;border-radius: 12px;padding: 10px;">
			<view style="display: flex;align-items: center;justify-content: space-between;background-color: #42b983;color: #ffffff;border-radius: 6px;">
				<view style="width: 130px;height: 100px;display: flex;justify-content: center;align-items: center;">
					电子钱包
				</view>
				<text style="width: 100px;">
					可用余额：
				</text>
				<text style="width: 65px;">
					0.00
				</text>
			</view>
		</view>
		<view style="background-color: #ffffff;margin: 10px;border-radius: 12px;padding: 10px;">
			<view style="font-weight: bold;">交易明细</view>
			<view style="display: flex;align-items: center;justify-content: space-between;margin-top: 15px;">
				<view style="width: 100px;height: 50px;border-radius: 6px;display: flex;justify-content: center;align-items: center;">
					提现
				</view>
				<text style="width: 100px;">
					-0.00
				</text>
				<text style="width: 65px;">
					2023.01.01 18:00:00
				</text>
			</view>
			<view style="display: flex;align-items: center;justify-content: space-between;margin-top: 15px;">
				<view style="width: 100px;height: 50px;border-radius: 6px;display: flex;justify-content: center;align-items: center;">
					支付
				</view>
				<text style="width: 100px;">
					+0.00
				</text>
				<text style="width: 65px;">
					2023.01.01 18:00:00
				</text>
			</view>
			<view style="display: flex;align-items: center;justify-content: space-between;margin-top: 15px;">
				<view style="width: 100px;height: 50px;border-radius: 6px;display: flex;justify-content: center;align-items: center;">
					充值
				</view>
				<text style="width: 100px;">
					+0.00
				</text>
				<text style="width: 65px;">
					2023.01.01 18:00:00
				</text>
			</view>
		</view>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
	}
</script>

<style scoped>
.text {
		font-size: 14px;
		margin-top: 5px;
	}

	.grid-item-box {
		flex: 1;
		// position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
	}
</style>